<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ZeusGIS - 欢迎</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        
        #welcome-screen {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
        
        .welcome-container {
            max-width: 600px;
            padding: 40px;
            animation: fadeIn 1s ease-out;
        }
        
        .logo-container {
            margin-bottom: 40px;
        }
        
        .logo-container svg {
            filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
        }
        
        .app-info {
            margin-bottom: 30px;
        }
        
        .app-name {
            font-size: 3em;
            font-weight: 300;
            margin-bottom: 10px;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
        }
        
        .app-version {
            font-size: 1.3em;
            opacity: 0.9;
        }
        
        .author-info {
            margin-bottom: 40px;
        }
        
        .author-name {
            font-size: 1.2em;
            margin-bottom: 5px;
            font-weight: 500;
        }
        
        .author-email {
            font-size: 1em;
            opacity: 0.8;
        }
        
        .loading-container {
            width: 200px;
            margin: 0 auto 40px;
        }
        
        .loading-bar {
            width: 100%;
            height: 4px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 2px;
            overflow: hidden;
        }
        
        .loading-progress {
            width: 40px;
            height: 100%;
            background: #FFD700;
            border-radius: 2px;
            animation: loading 1.5s ease-in-out infinite;
        }
        
        .copyright {
            font-size: 0.9em;
            opacity: 0.7;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes loading {
            0% { transform: translateX(-40px); }
            50% { transform: translateX(200px); }
            100% { transform: translateX(-40px); }
        }
    </style>
</head>
<body>
    <div id="welcome-screen">
        <div class="welcome-container">
            <!-- Logo 区域 -->
            <div class="logo-container">
                <svg width="120" height="120" viewBox="0 0 120 120">
                    <!-- 闪电符号 - 代表Zeus -->
                    <path d="M60 20 L75 50 L65 50 L80 80 L55 50 L65 50 Z" fill="#FFD700" stroke="#FFA500" stroke-width="2"/>
                    <!-- 地球轮廓 - 代表GIS -->
                    <circle cx="60" cy="60" r="40" fill="none" stroke="#4CAF50" stroke-width="3" stroke-dasharray="5,3"/>
                    <!-- 经纬线 -->
                    <line x1="20" y1="60" x2="100" y2="60" stroke="#4CAF50" stroke-width="1" opacity="0.7"/>
                    <line x1="60" y1="20" x2="60" y2="100" stroke="#4CAF50" stroke-width="1" opacity="0.7"/>
                    <circle cx="60" cy="60" r="30" fill="none" stroke="#4CAF50" stroke-width="1" opacity="0.5"/>
                </svg>
            </div>
            
            <!-- 软件信息 -->
            <div class="app-info">
                <h1 class="app-name">ZeusGIS</h1>
                <p class="app-version">v2.1.0</p>
            </div>
            
            <!-- 作者信息 -->
            <div class="author-info">
                <p class="author-name">作者: lucahan</p>
                <p class="author-email">lucahan@foxmail.com</p>
            </div>
            
            <!-- 加载动画 -->
            <div class="loading-container">
                <div class="loading-bar">
                    <div class="loading-progress"></div>
                </div>
            </div>
            
            <!-- 版权信息 -->
            <div class="copyright">
                <p>© 2024 lucahan. All rights reserved.</p>
            </div>
        </div>
    </div>
</body>
</html>